<template>
   <div id="detail">
 		<p class="banner"></p>
 		<div class="detail_wrap">
 			<artDetail></artDetail>
 		</div>
   </div>
</template>

<script>
    import * as detail from './detail/main';
    export default {
    	name:'detail',
        components:{
            artDetail: detail.detail
        }
    }
</script>

<style scoped lang="less" rel="stylesheet/less" type="text/css">
	@import '../../../public/css/variable.less';
 	.banner{
 		height: 460px;
	    background: url(../../../public/images/zx_nb.jpg) no-repeat center;
	    background-size: cover;
 	}
 	.detail_wrap{
 		width: 1150px;
	    margin: 0 auto;
	    padding: 45px 40px;
	    box-sizing: border-box;
	    background: url(../../../public/images/xu_b.png) no-repeat left top;
	    background-size: 100%;
	    margin-top: -45px;
	    border-radius: 5px;
	    .bdr(5px);
 	}
</style>